Using a tracing image

Use a tracing image as a guide to re-create a page design that was mocked up in a graphics application. A tracing image is a JPEG, GIF, or PNG image that is placed in the background of the Document window. You can hide the image, set its opacity, and change its position.

The tracing image is visible only in Dreamweaver. It is never visible when you view the page in a browser. When the tracing image is visible, the background image and color are not visible in the Document window; however, they will be visible when the page is viewed in a browser.

To place a tracing image in the Document window:

1	Choose View > Tracing Image > Load.
2	In the dialog box that appears, select an image file and click Select (Windows) or Choose (Macintosh).
3	The Page Properties dialog box appears. Specify the transparency for the image by dragging the Image Transparency slider, then click OK.
	You can also choose a tracing image or change the transparency of the current tracing image at any time from the Page Properties dialog box by choosing Modify > Page Properties.

To toggle the display of the tracing image:

Choose View > Tracing Image > Show.

To change the position of a tracing image, do one of the following:

	To specify the position of the tracing image, choose View > Tracing Image > Adjust Position, then enter X and Y coordinate values.
	To move the image 1 pixel at a time, use the arrow keys
	To move the image 5 pixels at a time, press Shift and the arrow keys
	To move the tracing image back to the upper left corner of the document window (0,0), choose View > Tracing Image > Reset Position.

To align the tracing image to a selected object:

1	Select an object in the Document window.
2	Choose View > Tracing Image > Align with Selection.
	The upper left corner of the tracing image is aligned with the upper left corner of the selected object.